<script type="text/javascript">
$(document).ready(function(){$('#strlen_button').click(function(){var str_content=$('#string_content_box').val();if(str_content==''){$('#string_content_box').css('border', '1px solid #D54E21');alert('服务器名称不能为空!');$('#string_content_box').focus();return false;}$.post('<?php echo $this->create_url('index/ajax_count_strlen'); ?>', {str_content:str_content}, function(data){$('#strlen_result').text(data);});});});
</script>
<div class="content">
<!-- 正则表达式内容 -->
<div class="box" style="height:100px;">
<div class="legend" style="width:115px;">计算字符串长度:</div>
<div class="box_content">
<input type="text" name="string_content" style="font-size:14px; line-height:20px; color:#000; height:20px; width:240px; border:1px solid #666;" id="string_content_box"/>
<input type="button" name="count_str_button"  value="计算" id="strlen_button" style="font-size:14px; line-height:24px; height:24px; width:60px; border:1px solid #666; margin-left:10px; cursor:pointer"/>
<span id="strlen_result" style="margin-left:10px; color:#F00;"></span>
</div>
</div>
<!-- JavaScript文件库管理 -->
<div class="box" style="height:90px;">
<div class="legend" style="width:160px;">常用JavaScript库网址:</div>
<div class="box_content" style="font-size:14px;"><a href="http://jquery.com/" target="_blank">Jquery</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.sencha.com/" target="_blank">Ext JS</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://tangram.baidu.com/tangram/index.html" target="_blank">Tangram</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.mootools.net/" target="_blank">Mootools</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.prototypejs.org/" target="_blank">Prototype</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://developer.yahoo.com/yui/" target="_blank">YUI</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://flowplayer.org/tools/demos/index.html" target="_blank">Jquery Toos</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.scriptiny.com" target="_blank">TinyBox2</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hotajax.org/" target="_blank">hotajax</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://zendold.lojcomm.com.br/icarousel/example6.asp" target="_blank">iCarousel</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm" target="_blank">Cloud Zoom</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://host.sonspring.com/portlets/" target="_blank">portlets</a></div>
</div>
<!--网址收藏-->
<div class="box" style="height:100px;">
<div class="legend" style="width:100px;">常用工具网址:</div>
<div class="box_content" style="font-size:14px;"><a href="http://www.doitphp.com/webtools/csstidy/?lang=zh" target="_blank">CSS压缩与优化工具</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.doitphp.com/webtools/jspacker/index.php" target="_blank">JS压缩与优化</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://quickhighlighter.com/" target="_blank">代码高亮</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://tool.114la.com/site/str2asc/" target="_blank">字符串转ASCII</a></div>
</div>
</div>